<template>
  <div class="loading">
    <img src="./loading.gif" width="126" height="22">
    <p class="desc">{{this.title}}</p>
  </div>
</template>

<script>
export default {
  name: 'Loading',
  props: {
    title: {
      type: String,
      default: '正在加载...'
    }
  }
}

</script>
<style lang='stylus' scoped>
@import '~styles/variable'
.loading
  width 100%
  text-align center
  .desc
    line-height .4rem
    font-size $font-size-small
    color $color-text-l
</style>
